<!DOCTYPE html>
<html xmlns:v-bind="http://www.w3.org/1999/xhtml">
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=no"/>
<meta name="format-detection" content="telephone=no" />
<meta name="apple-mobile-web-app-capable" content="yes" />
<meta name="apple-mobile-web-app-status-bar-style" content="black-translucent" />
<title>东明家居集团-车辆调度系统</title>
<link rel="stylesheet" href="css/bootstrap.min.css">
<link rel="stylesheet" href="css/iview.css">
<link rel="stylesheet" href="css/style.css">
<link href="./js/toastr/toastr.css" rel="stylesheet">
    <style>
        .ivu-input[disabled], fieldset[disabled] .ivu-input{color:#333}
    </style>
</head>
<body>
<div class="container-fluid" id="app">
     <!-- breadcrumb -->
      <template class="page-header">
          <breadcrumb class="pull-left">
              <breadcrumb-item to="welcome.html" >首页</breadcrumb-item>
              <breadcrumb-item>约车查询</breadcrumb-item>
          </breadcrumb>
      </template>
      <!-- 搜索条件 -->
      <div class="table-margin">
          <row>
              <i-col span="3" class-name="mr10" style="width:150px;">
                  <i-input v-model="YueMan" placeholder="约车人姓名"></i-input>
              </i-col>
              <i-col span="3" class-name="mr10" style="width:150px;">
                  <i-Select v-model="Status" placeholder="调度类型">
                      <i-option v-for="item in StatusList" :value="item.value" :key="item.value">{{ item.label }}</i-option>
                  </i-Select>
              </i-col>
              <i-col span="3" class-name="mr10" style="width:150px;">
                  <Date-picker v-model="StartDate" type="date" placeholder="返回开始日期" format="yyyy-MM-dd" :disabled="true" ></Date-picker>
              </i-col>
              <i-col span="3" class-name="mr10" style="width:150px;">
                  <Date-picker v-model="EndDate" type="date" placeholder="返回截止日期"  format="yyyy-MM-dd" :disabled="true"></Date-picker>
              </i-col>

              <!--<i-col span="3" class-name="mr10" style="width:130px;">
                  <date-picker type="date" placeholder="开始时间" ></date-picker>
              </i-col>

              <i-col span="3" class-name="mr10" style="width:130px;">
                 <date-picker type="date" placeholder="结束日期" ></date-picker>
              </i-col>-->
              <i-button type="primary" class="mr10" @click="querytable('1','99999999')">搜索</i-button><i-button @click="reset">重置</i-button>
          </row>
      </div>
      <!-- 搜索结果 -->
      <div class="table-margin">
           <i-table :columns="columns1" :data="data1"  algin="center" class="table_style" ></i-table>
      </div>
    <!--派车撤销Start-->
    <modal v-model="PaiCheModel" title="撤销派车需填信息" @on-ok="delPaiInfo" @on-cancel="cancel" width='1100' footer="no">
        <i-form :model="PaiCheItem" label-position="right" :label-width="133">
            <row>
                <i-col span="9" offset="1">
                    <Form-item label="撤销原因：" >
                        <i-input v-model="PaiCheItem.PaiCheReason"></i-input>
                    </Form-item>
                </i-col>
            </row>
        </i-form>
    </modal>
    <!--派车撤销End-->
    <!-- 派车弹框开始 -->
    <modal v-model="PaiModel" title="派车添加" @on-ok="SavePaiInfo" @on-cancel="cancel" width='850'>
        <template>
            <i-form :model="PaiModelItem" label-position="right" :label-width="120">
                <row>
                    <i-col span="1">
                        <a class="modal_btn" @click="getYue">检索</a>
                    </i-col>
                </row>
                <row class="mt20 mb20">
                    <i-col span="17" class="mr10">
                        <row>
                            <i-col span="24">
                                <i-table ref="selection" :columns="columns2" :data="data2" @on-row-click="rowClic" @on-selection-change="SeleChange"></i-table>
                            </i-col>
                            <i-col span="24" class="mt20">
                                <Page :total="dataCount2" :page-size="pageSize2" show-total  @on-change="changepage2"></Page>
                            </i-col>
                        </row>
                    </i-col>
                    <i-col span="6">
                        <div class="table_right">
                            <div class="table_right_title">已添加的约车人</div>
                            <ul>
                                <li v-for="(item,index) in selectYueS">
                                    <i class="ivu-icon ivu-icon-person"></i>
                                    <span>{{item.YueMan}}</span>
                                    <a title="删除" @click="removeYue(index)"><i class="ivu-icon ivu-icon-android-close"></i></a>
                                </li>
                            </ul>
                        </div>
                    </i-col>
                </row>
                <!--<row class="mb20">-->
                    <!--<i-col span="22" offset="1">-->
                    <!--<Page :total="dataCount2" :page-size="pageSize2" show-total  @on-change="changepage2"></Page>-->
                    <!--</i-col>-->
                <!--</row>-->

                <row>
                    <Form-item label="选择司机：" span="22">
                        <i-col span="3" class-name="mr10" style="width:150px;">
                            <i-select v-model="PaiModelItem.Store" placeholder="中心/店面" @on-change="changeBm">
                                <i-option v-for="item in StoreSelect" :value="item.Store"  >{{item.Store}}</i-option>
                            </i-select>
                        </i-col>
                        <i-col span="3" class-name="mr10" style="width:150px;">
                            <i-select v-model="PaiModelItem.Bm" placeholder="部门" @on-change="changeUser">
                                <i-option v-for="item in BmSelect" :value="item.Bm"  >{{item.Bm}}</i-option>
                            </i-select>
                        </i-col>
                        <i-col span="6" style="margin-left: 10px">
                            <i-select v-model="PaiModelItem.UserNo" placeholder="姓名">
                                <i-option v-for="item in UserSelect" :value="item.UserNo"  :label="item.Name"></i-option>
                            </i-select>
                        </i-col>
                    </Form-item>
                </row>
                <row>
                    <Form-item label="选择车辆：" span="22">
                        <i-col span="3" class-name="mr10" style="width:150px;">
                            <i-select v-model="PaiModelItem.CarNo" placeholder="车牌号">
                                <i-option v-for="item in CarSelect" :value="item.CarNo" :label="item.CarNo" ></i-option>
                            </i-select>
                        </i-col>
                    </Form-item>
                </row>
                <!--<row>
                    <Form-item label="是否拼车：" span="22">
                        <i-col span="3" class-name="mr10" style="width:150px;">
                            <i-select v-model="PaiModelItem.PaiIsOrNotPin" placeholder="请选择" >
                                <i-option v-bind:value="0">否</i-option>
                                <i-option v-bind:value="1">是</i-option>
                            </i-select>
                        </i-col>
                    </Form-item>
                </row>-->
            </i-form>
        </template>
    </modal>
    <!-- 派车弹框结束 -->
</div>
</body>
<script src="./js/jquery-1.11.1.min.js"></script>
<script src="./js/vue.js"></script>
<script src="./js/iview.min.js"></script>
<script src="./js/dis/dis_search.js"></script>
<script src="./js/toastr/toastr.min.js"></script>
</html>

  

  

  

  

  
